<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>自定义产品</title>
	<script type="text/javascript" src="../public/maincss.js"></script>
	<link href="../css/cloudservice.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="../public/main.js"></script>
</head>
<body>
<!--头部开始-->
<div id="header"></div>
<!--头部结束-->
<div id="content">
	<div v-show="productParam.paramShow=='default'" class="host-content">
		<div class="wide1190">
		    <!-- 选项卡 -->
		    <ul class="wjf-ui-tab-style2 cl" id="productList">
		    </ul>
			 <div class="cloud-main">
				<input type="hidden" id="hostType" value="vhost"/>
				<input type="hidden" id="productCode" value=""/>
				<input type="hidden" id="maxBandwidth"/>
				<input type="hidden" id="windowsMinSize"/>
				<input type="hidden" id="otherMinSize"/>
				<div id="main-m">
					<div class="cloud-main-l nav-main" id="a1">
						<div class="w-1200">
							<div class="sliderbox">
								<div class="l-l fl">
									<div class="slider-m">

										<div class="slider-m-o">
											<dl id="proDesc" class="config-time cl" style="text-align: left; font-size: 16px; color: #393939;"></dl>
										</div>
									</div>
									<div class="slice"></div>

								<div class="count-info">
									<div class="config-box cl" id="J_buyCountContainerDom" style="padding-top:0;">
										<span class="buycount">购买数量：</span>
										<span class="count">
										<a href="javascript:void(0);" class="link-btn numSubtract">-</a>
										<input type="text" value="1" class="number_input" id="num-inp">
										<a href="javascript:void(0);" class="link-btn numAdd">+</a>
									</span>
								</div>
								<div class="config-box cl" style="overflow: visible;">
									<span class="buycount">购买时长：</span>
									<dl id="timelist" class="config-time cl"></dl>
								</div>
								<div class="clear"></div>
							</div>
							<div class="slice"></div>
							</div>
								</div>
								<div class="l-r fr" style="height: 1200px;">
									<div id="set-m" class="" style="top: 0px;">
										<i class="discount-icon"></i>
										<h4>当前配置</h4>
										<ul>
											<li>
												<p class="p-o">购买数量：</p>
												<p id="curNum" class="p-t">1台</p>
												<div class="clear"></div>
											</li>
											<li>
												<p class="p-o">购买时长：</p>
												<p id="curApplyTime" time="" type="" class="p-t">1个月<span></span></p>
												<div class="clear"></div>
											</li>
											<li>
												<p style="color:#ff6800; font-size:16px; font-weight:bold; padding-top:10px;">按年支付更划算！        </p>
											</li>
											<li class="pri" style="padding-top:40px;">
												<p class="p-o" style="width:60px;">费用总计：</p>
												<p class="p-s">￥<span id="price"></span></p>
												<div class="clear"></div>
											</li>
											<li id="discountMsg">
												<s style="color:#CCC;font-size:14px;">价格￥<span id="totalPrice"></span></s>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#01bd01;font-size:14px;">省￥<span id="discountPrice"></span></span>
											</li>
											<li>
												<span style="color:red;font-size:14px;" id="discountInfo"></span>
											</li>
										</ul>
										<a href="javascript:void(0);" id="btnBuy" class="but disable">添加到购物车</a>
										<a href="javascript:void(0);" id="btnBuyNow" class="but disable">立即购买</a>
									</div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
				</div>
		</div>
	</div>
	<div v-if="productParam.paramShow=='diy'">
		<iframe :src="productParam.paramUrl" width="100%" :height="productParam.paramHeight" style="border: none; overflow: hidden; " scrolling="no" name="diyForm" id="diyForm"></iframe>
	</div>
</div>
<!--底部开始-->
<div id="footer"></div>
<!--底部结束-->

<script src="info.js"></script>
</body>
</html>
